//:root {
//  /* 颜色系统 */
//  --primary-color: #409eff; /* 主色 */
//  --secondary-color: #67c23a; /* 次色 */
//  --error-color: #f56c6c; /* 错误色 */
//  --warning-color: #e6a23c; /* 警告色 */
//  --success-color: #67c23a; /* 成功色 */
//  --info-color: #909399; /* 信息色 */
//  --background-color: #f5f5f5; /* 背景色 */
//  --text-color-primary: #303133; /* 主文本色 */
//  --text-color-secondary: #606266; /* 次文本色 */
//  --border-color: #dcdfe6; /* 边框色 */
//
//  /* 字体系统 */
//  --font-size-base: 1rem; /* 基础字体大小 */
//  --font-size-small: 0.875rem; /* 小字体大小 */
//  --font-size-large: 1.25rem; /* 大字体大小 */
//  --line-height: 1.5; /* 行高 */
//
//  /* 间距 */
//  --spacing-small: 0.5rem; /* 小间距 */
//  --spacing-base: 1rem; /* 基础间距 */
//  --spacing-large: 1.5rem; /* 大间距 */
//
//  /* 圆角 */
//  --border-radius-small: 0.25rem; /* 小圆角 */
//  --border-radius-base: 0.5rem; /* 基础圆角 */
//  --border-radius-large: 1rem; /* 大圆角 */
//
//  /* 阴影 */
//  --box-shadow-base: 0 2px 12px rgba(0, 0, 0, 0.1); /* 基础阴影 */
//  --box-shadow-hover: 0 4px 20px rgba(0, 0, 0, 0.15); /* 悬停阴影 */
//}

$base-menu-width: 16.25rem; // 菜单宽度
$base-bg-color: #f5f5f5; // 背景色
$base-bar-bg-color: #0c2556; // 左侧背景色
$base-menu-min-with: 3.9375rem; // 最测菜单最小宽度
$base-bar-height: 4.375rem;
$base-menu-logo-height: 4.375rem;
$base-logo-title-font-size: 1.5rem;

// 左侧菜单保持左对齐
.el-menu--vertical:not(.el-menu--collapse):not(.el-menu--popup-container)
.el-menu-item,
.el-menu--vertical:not(.el-menu--collapse):not(.el-menu--popup-container)
.el-menu-item-group__title,
.el-menu--vertical:not(.el-menu--collapse):not(.el-menu--popup-container)
.el-sub-menu__title {
  padding-left: var(--el-menu-base-level-padding);
  white-space: nowrap;

  .el-sub-menu__title {
    padding-left: 0;
  }
}